| 关于 Vue代理服务器Proxy error: 报错问题的解决方法 | 您所在的位置：网站首页 › request session proxy › 关于 Vue代理服务器Proxy error: 报错问题的解决方法 |
|
出现的错误如下： Proxy error: Could not proxy request /**地址/**地址/**地址/*地址 from localhost:8002 to http://localhost:8000/. See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED). 网上搜了一天总结下来主要是： 将目标接口请求地址中的host和端口改成运行vue项目相同的host和端口；在vue项目的根目录下找到vue.config.js文件修改端口号 devServer: { open: true,//是否自动弹出浏览器页面 host: 'localhost', port: 8001, https: false, hotOnly: false, proxy: { '/api': { // /api 的意义在于，声明axios中url已/api开头的请求都适用于该规则， // 注意是以/api开头，即：axios.post({url: '/api/xxx/ target: 'http://localhost:8000', //'服务器真实地址', // 此处target的意义在于：造成跨域是因为访 // 问的host与我们的请求头里的origin不一致，所以我们要设置成一致， changeOrigin: true // 是否跨域 } } }, proxy 配置把 localhost 改为127.0.0.1 试试 =_=上述方法都试了端口号也改了好多次没用，仔细思考这个错误的根本原因是什么 ？ 发现问题是前端项目访问不通我的后端，，于是我转到后台 看我后台的代码！ 好家伙！我的问题是：application-dev.yml 中的 host: localhost 中间需要打空格 所以一直会出现proxy错误 ！！避坑啊朋友们！如果后端代码不启动，vue也会报这个错误！大家可以cmd 查看一下自己端口有没有被占用 端口被占用后台也启动不起来如果这些都对 再度娘吧！一定可以解决的 虽然粗心大意的没弄空格但是其中学到了不少知识点，受益匪浅！ |
| CopyRight 2018-2019 实验室设备网 版权所有 |